<!DOCTYPE html>
<?php
include("funciones.php");
?>
<html>

	<head>
	
	<script type="text/javascript" src="js/jquery-1.7.1.js" ></script>
	<script type="text/javascript" src="js/jqueryui/js/jquery-ui-1.8.17.custom.min.js" ></script>
	
	<link rel="stylesheet" type="text/css" href="css/reset.css" >
	<link rel="stylesheet" type="text/css" href="css/main.css" >
	<link rel="stylesheet" type="text/css" href="js/jqueryui/css/smoothness/jquery-ui-1.8.17.custom.css" >
	
		<title>App partes</title>
	<script type="text/javascript" src="js/program.js" ></script>	
	</head>
	
	
	
	<body>
	<div id="contenedor">
	<div id="cabecera"><h1>Partes de trabajo</h1></div>
	<div class="acordeon">
		<h2>A&ntilde;adir parte de trabajo</h2>
		<div class="contenedor-partes">
			<div id="alerta" style="display:none;" ><ul></ul></div> 
		
		
		
			<div id="parte">
				
				<form id="form_parte" method="post">
				<label for="fecha">D&iacute;a</label>: <input type="text" name="fecha" id="fecha" ><br>
				<label for="cliente">Cliente</label>: <select name="cliente" id="cliente">lskadjla</select><br>
				<label for="tipo_trabajo">Tipo de trabajo</label>: <select name="tipo_trabajo" id="tipo_trabajo"></select><br>
				
				<label>Duraci&oacute;n</label><label for="horas">H</label><input type="text" name="horas" id="horas" size=2>
				<label for="minutos">M</label><input type="text" name="minutos" id="minutos" size=2 ><br>
				<div style="clear: both"></div>
				<div class="botonera">
				<a name="enviar" id="enviar_parte" href="#" class="enlace-boton">Enviar parte</a>
				</div>
				</form>
		
			</div>
		</div>
		
		<h2>Clientes</h2>
		<div class="contenedor-clientes">
			<div id="alerta-clientes" style="display:none;" ><ul></ul></div> 
		
		
		
			
		</div>
		
		<h2>Tipos de trabajos</h2>
		<div class="contenedor-trabajos">
			<div id="alerta-trabajos" style="display:none;" ><ul></ul></div> 
		
		
		
			
		</div>
		
		<h2>Listado de partes</h2>
		<div class="contenedor-listadopartes">
			<div id="alerta-listadopartes" style="display:none;" ><ul></ul></div> 
		
		<table id="listadopartes" >
			<tr class="cabecera"><th>Fecha</th><th>Cliente</th><th>Tipo de trabajo</th><th>Duraci&oacute;n</th></tr>
		</table>
		
			
		</div>
		
	</div>
		
	</div>
	<div id="footer">Desarrollado por : KepaMl   e-mail: kepa@kepaml.com</div>
	</body>